﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Promocao.aspx.cs" Inherits="Ortodoctor.Client.Promocao" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../Scripts/jquery-min.js" ></script>
    <script type="text/javascript" src="../Scripts/util.js" ></script>
    <script type="text/javascript" src="Promocao.js" ></script>
    <link rel="shortcut icon" href="../images/dente-favicon.png" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" href="Promocao.css"  />
    <link type="text/css" rel="stylesheet" href="../Scripts/util.css"  />
    <script>
        $(document).ready(function ()
        {
            $("#imagem").css('height', $("#imagem").height() / $("#container").height() * 100 + "%");
            $("#imagem").css('width', $("#imagem").width() / $("#container").width() * 100 + "%");
            $("#imagem").css('margin-left', ($("#container").width() -$("#imagem").width())/ 2 + "px");
        });
    </script>
</head>
<body style="background-color: #fafafa">
    <form id="form1" runat="server">
        <div style="width:70%; background-color: #e0e0e0; position:absolute; margin-left:15%; margin-top: 5%; border-radius:5px">
            <div id="container">
                <div id="titulo" runat="server" style="color: black; font-size: 26pt; width: 100%; text-align:center; padding: 10px;"></div>
                <div>
                    <img id="imagem" runat="server" />
                    <div id="vencimento" runat="server" style="position:absolute; color:black; font-size: 14pt; right: 2%;"></div>
                </div>
                <div id="texto" runat="server" style="padding: 2%; width: 85%; margin: 5%; 
                    color: black; font-size: 14pt; text-align:justify; 
                    border: 1px solid #CCCCCC; border-radius: 5px; "></div>
            </div>
        </div>
    </form>
</body>
</html>
